<template>
  <div class="main-card">
    <SearchBox :asList="asList" @advancedSearch="advancedSearch" />
    <TableHandler
        :tableType="tableType"
        :columns="columns"
        @setColumns="setColumns"
        @changeTableStyle="changeTableStyle"
        :tableData="tableData"
        @addMission='addMission'
      />
  </div>
</template>

<script>
import SearchBox from "../components/search";
import TableHandler from "../components/tableHandle";
export default {
  components:{ SearchBox, TableHandler },
  data(){
    return{
      asList: [
        {
          placeholder1: "下单时间",
          placeholder2: "下单时间",
          type: "time",
          props: "datetimerange",
          name: "time",
          defaultTime: ["00:00:00", "23:59:59"],
          label: "创建时间",
        },
        {
          placeholder: "任务单类型",
          type: "select",
          name: "xpgroup",
          data: [
            { text: "鲜檬摄影", number: 1 },
            { text: "虎彩电商", number: 2 },
            { text: "B端影楼", number: 3 },
          ],
          label: "任务单类型",
          width: '120px'
        },
        {
          placeholder: "任务状态",
          type: "select",
          width: '120px',
          name: "PushTaskType",
          data: [
            { text: "全部", number: 1 },
            { text: "就绪", number: 2 },
            { text: "下发中", number: 3 },
            { text: "已派发", number: 4 },
            { text: "初修中", number: 5 },
            { text: "精修中", number: 6 },
            { text: "任务完成", number: 7 },
            { text: "精修完成", number: 8 },
            { text: "改片", number: 9 },
            { text: "作废", number: 10 },
          ],
          filterable: true,
          label: "任务状态",
        },
        {
          width:'250px',
          placeholder: "订单号/任务单号/手机号/客户姓名搜索",
          type: "text",
          name: "searVal",
        },
      ],
      tableType:1,
    }
  },
  methods:{
    advancedSearch(data){
      console.log(data)
    }
  }

}
</script>

<style lang='scss' scoped>
.main-card{
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 5px;
    padding:10px;
    padding-top: 20px;
}
</style>